// import { NOTINITIALIZED } from "dns";
// js执行界面
    //数组里面返回值在回调函数的按顺序获取

//先用config ，使用配置模块
//再在回调里面以加载的模块
//******* 先引入config    require才执行
require(['./config'],()=>{
   
//  //这个路径以index。html出发加载
//  require['js/modules/header.js'],(header)=>{  //这儿开始使用jq

require(['swiper','template','header','footer','detail'],(Swiper,template)=>{


    class Index{
        
        constructor(){
    this.init()
    this.banner()
    this.category()
    this.category2()
        }
init(){
    // $.get('api/login.php',resp=>{
    //     console.log(resp)
    // })
}


        banner(){
    //轮播图
 var mySwiper=  new Swiper('.bannercage', {
            loop:true,//
            autoplay: true,//可选选项，自动滑动
             // 如果需要分页器
             mousewheels: true,
             
            pagination: {
                el: '.swiper-pagination',
                // type: 'bullets',
                //点击小图标切换
                clickable :true,
                autoplay: {
                    delay: 1000,
                    speed: 1000
   
                  },
              },

        },)
        $('#swiper-container').mouseenter(function(){
            mySwiper.autoplay.stop();
          })
          $('#swiper-container').mouseleave(function(){
            mySwiper.autoplay.start();
          })
        // console.log($("#swiper-container"))
        // $("#swiper-container").mouseenter(function() {
        //     Swiper.autoplay.stop()
        //     // console.log(123)
        //     }).mouseleave(function() {
        //         Swiper.autoplay.start()
        //     });
    
        }
        tab(){
    //实现选项卡

        }
        category () {
            //ajax
            $.get('/libs/json/homeCategory.json',resp=>{
      // template方法的返回值就是根据模板渲染的html字符串结果
                const str =template('categoryTemplate',{list:resp})
                $('#categoryList').html(str)
            })
        }
        // category () {
        //     $.get('/libs/json/homeCategory.json', resp => {
        //       console.log(resp)
        //       // 根据list数据渲染模板
        //       // template方法有两个参数
        //       //  第一个参数是定义模板的script标签的id，注意：不加#
        //       //  第二个参数是模板里所需要的数据，传一个对象： 模板里面需要list，传从后端拿到的resp进去
        //       // template方法的返回值就是根据模板渲染的html字符串结果
        //       const str = template('categoryTemplate', { list: resp })
        //       console.log(str)
        //       // 把渲染完成的html字符串放到容器盒子里
        //       $('#categoryList').html(str)
        //     })
        //   }
        category2(){
            $.get('http://rap2api.taobao.org/app/mock/242336/flower',resp=>{
                if(resp.code===200){
                    const {list}=resp.body//解构赋值  相当于list等于数据里面body的下一级
                    const html = template('categoryTemplate2',{list})
                    $('#categoryList2').html(html)
                }
            })
        }
    }



            new Index()
            })
})
   
        











define(()=>{
function Swiper(){

}
return Swiper
})